<template>
	<div class="search-box">
		<div class="mui-input-row mui-search mui-active">
			<div class="search-from">
				<input id="search" @keyup.enter="searchProudct" type="search" v-model="keyword" class="mui-input-speech mui-input-clear" placeholder="请输入要查找的产品或产品关键字" data-input-clear="2">
			</div>
		</div>
	</div>
</template>
<script>
	export default{
		data:function(){
			return{
				keyword:''
			}
		},
		methods:{
			searchProudct(){ //回车事件
				this.$emit('clickSerach', this.keyword);
			}
		}
	}
</script>
<style scoped="scoped">
	.search-box{
		
		width: 100%;
		background-color: #FFFFFF;
		z-index: 108;
	}
	.search-from{
		width: 100%;
		position: relative;
		padding: 10px 15px;
		
	}
	
	
</style>